<template>
  <div>
    <van-nav-bar
      title="标题"
      left-text="返回"
      right-text="按钮"
      left-arrow
      @click-left="$router.back()"
    >
      <template #title>
        <div class="search">
          <van-icon name="search" />
          <input type="text" />
        </div>
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less">
.van-nav-bar__title {
  width: 60%;
  .search {
    background-color: #ddd;
    width: 100%;
    border-radius: 20px;
    input {
      border: none;
      background-color: transparent;
    }
  }
}
</style>